<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="bootstrap-3.4.1-dist/css/bootstrap.css"/>
</head>
<body>

    <button class="btn btn-default">（默认样式）Default</button>
    <button class="btn btn-primary">（首选项）Primary</button>
	<button class="btn btn-info">（一般信息）Info</button>
	
	<table class="table table-striped table-bordered table-hover table-condensed">
		<tr>
			<td>ID</td>
			<td>名字</td>
			<td>年龄</td>
			<td>性别</td>
			<td>删除</td>
			<td>修改</td>
		</tr>
		<tr>
			<td>1</td>
			<td>zhangsan1</td>
			<td>23</td>
			<td>男</td>
			<td>删除</td>
			<td>修改</td>
		</tr>
		<tr>
			<td>2</td>
			<td>zhangsan2</td>
			<td>23</td>
			<td>男</td>
			<td>删除</td>
			<td>修改</td>
		</tr>
		<tr>
			<td>3</td>
			<td>zhangsan3</td>
			<td>23</td>
			<td>男</td>
			<td>删除</td>
			<td>修改</td>
		</tr>
	</table>
	<nav aria-label="Page navigation">
	  <ul class="pagination">
	    <li>
	      <a href="#" aria-label="Previous">
	        <span aria-hidden="true">&laquo;</span>
	      </a>
	    </li>
	    <li><a href="#">1</a></li>
	    <li><a href="#">2</a></li>
	    <li><a href="#">3</a></li>
	    <li><a href="#">4</a></li>
	    <li><a href="#">5</a></li>
	    <li>
	      <a href="#" aria-label="Next">
	        <span aria-hidden="true">&raquo;</span>
	      </a>
	    </li>
	  </ul>
	</nav>
</body>
</html>